<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Keywords" content="关键词,关键词">
<meta name="description" content="">
<title></title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/project/jquery.min.js">
</script>
<script type="text/javascript" src="${pageContext.request.contextPath }/admin/js/jquery1.12.4.min.js"></script>
<%-- <script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script> --%>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-ui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/select-widget-min.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/drop-down.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/base.css" type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/headbott.css"
	type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/product-list.css"
	type="text/css" />
	 
</head>

<body>
	<div id="header">
		<div class="heade-con">
			<div class="logo">
				<a href=""><img
					src="${pageContext.request.contextPath }/images/LOGO.png" /></a>
			</div>
			<div class="nav posa">
				<ul>
					<li><a
						href="${pageContext.request.contextPath }/pages/frontIndex.action">首页</a></li>
					<li><a class="vcolor"
						href="${pageContext.request.contextPath }/Projects/frontList.action">公益众筹</a></li>
					<li>
					<li><a
						href="${pageContext.request.contextPath }/add/questionAllList.action">常见问题</a></li>
					<li><a
						href="${pageContext.request.contextPath }/news/frontComments.action">众筹资讯</a></li>
					<li><a
						href="${pageContext.request.contextPath }/pages/publish/TheProject.action"
						style="">发布项目</a></li>
				</ul>
			</div>
			<div class="search">
				<form action="">
					<input type="text" class="search-txt" value="" placeholder="找项目">
					<input type="submit" class="search-but" value="">
				</form>
			</div>
			<div class="index-login">
				<c:if test="${user == null }">
					<a
						href="${pageContext.request.contextPath }/pages/frontLogin.action">登录</a>
					<span style="color: white;">|</span>
					<a href="reg.html">注册</a>
					<span style="color: white;">|</span>
				</c:if>
				<c:if test="${user != null }">

					<a href="${pageContext.request.contextPath }/pages/user.action"
						style="color: green; font-size: 20px">热烈欢迎: ${user.name }</a>
					<a href="${pageContext.request.contextPath }/pages/secede.action"
						style="color: red; font-size: 18px">退出</a>
				</c:if>
			</div>
		</div>
	</div>

	<div class="product-con">
		<h1 class="product-con_tit">公益众筹</h1>
		<div class="product-con_nav">
			<a class="lnav_bg"
				href="${pageContext.request.contextPath }/Projects/frontList.action"><i><img
					src="${pageContext.request.contextPath }/images/ii_04.png" alt="" /></i>全部</a>
			<a
				href="${pageContext.request.contextPath }/Projects/frontList.action?pstId=教育助学"><i><img
					src="${pageContext.request.contextPath }/images/ii_06.png" alt="" /></i>教育助学</a>
			<a
				href="${pageContext.request.contextPath }/Projects/frontList.action?pstId=爱心环保"><i><img
					src="${pageContext.request.contextPath }/images/ii_08.png" alt="" /></i>爱心环保</a>
			<a
				href="${pageContext.request.contextPath }/Projects/frontList.action?pstId=扶贫助困"><i><img
					src="${pageContext.request.contextPath }/images/ii_10.png" alt="" /></i>扶贫助困</a>
			<a
				href="${pageContext.request.contextPath }/Projects/frontList.action?pstId=公益创业"><i><img
					src="${pageContext.request.contextPath }/images/ii_12.png" alt="" /></i>公益创业</a>
			<a
				href="${pageContext.request.contextPath }/Projects/frontList.action?pstId=公益活动"><i><img
					src="${pageContext.request.contextPath }/images/ii_14.png" alt="" /></i>公益活动</a>
			<div class="select-li">
				<!-- <span></span> <select name="type" class="ui-select" id="type1" onclick="type1()">
					<option value="">项目状态</option>
					<option value="1">待上架</option>
					<option value="2">众筹中</option>
					<option value="3">众筹成功</option>
				</select> -->
			</div>
			<div class="select-li2">
				<!-- <span>排序:</span> <select name="drop2" class="ui-select">
					<option value="">全部</option>
					<option value="1">全部2</option>
					<option value="2">全部4</option>
					<option value="3">全部5</option>
				</select> -->
			</div>

		</div>

		<div class="product-list-l">
			<ul>
				<c:forEach items="${findAllSplit}" var="projects">
					<li class="zcz">
						<div class="product-list-lpic">
							<a
								href="${pageContext.request.contextPath }/Projects/frontDetail.action?ps_id=${projects.id }"><img
								width="240px" height="150px" src="${projects.file }" alt="" /></a>
							<div class="product_one" style="color: red">
								<c:if test="${projects.type eq 0}">待审核</c:if>
								<c:if test="${projects.type eq 1}">待上架</c:if>
								<c:if test="${projects.type eq 2}">众筹中</c:if>
								<c:if test="${projects.type eq 3}">众筹成功</c:if>
								<c:if test="${projects.type eq 4}">众筹失败</c:if>
								<c:if test="${projects.type eq 5}">审核未通过</c:if>
							</div>
						</div>
						<p>
							<a href="">${projects.name }</a>
						</p>
						<div class="product-list-lmin">
							<dl>
								<c:if test="${projects.getMoney eq 0 }">
									<dt>0.0%</dt>
								</c:if>
								<c:if test="${projects.getMoney ne 0 }">
									<dt>${projects.getMoney/projects.money*100 }%</dt>
								</c:if>
								<dd>达成率</dd>
							</dl>
							<dl>
								<dt>${projects.getMoney }</dt>
								<dd>已筹金额</dd>
							</dl>
							<dl>
								<dt>${projects.getPeople }</dt>
								<dd>支持人数</dd>
							</dl>
						</div>
					</li>
				</c:forEach>
			</ul>
		</div>
		<div class="product-ym">

			<a class="product-ym_bg" href="">1</a> <a href="">2</a> <span>...</span>
			<a href="">43</a> <a href="">44</a> <a href="">45</a> <a
				class="product-ym_xyy" href="">下一页&gt;</a>
			</ul>
			<%-- <div class="pager-info">
				<div style="color: rgb(255, 87, 34); font-size: 20px;">共有
					${findAllCount}条记录，第 ${currentPage}/${allPages} 页</div>
				<div>
					<ul>
						<li
							class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger"><a
							href="${pageContext.request.contextPath}/adminList.action?currentPage=1&adminName=">首页</a>
						</li>
						<li
							class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">
							<c:if test="${currentPage > 1}">
								<a
									href="${pageContext.request.contextPath}/adminList.action?currentPage=${currentPage-1}&adminName=">上一页</a>
							</c:if> <c:if test="${currentPage <= 1}">
								<a href="#">上一页</a>
							</c:if>
						</li>
						<!-- 分页逻辑开始 -->
						<c:if test="${allPages<=3}">
							<c:set var="begin" value="1" scope="page"></c:set>
							<c:set var="end" value="${allPages}" scope="page"></c:set>
						</c:if>
						<c:if test="${allPages>3}">
							<c:choose>
								<c:when test="${currentPage<=3}">
									<c:set var="begin" value="1" scope="page"></c:set>
									<c:set var="end" value="4" scope="page"></c:set>
								</c:when>
								<c:when test="${currentPage>=allPages-2}">
									<c:set var="begin" value="${allPages-3}" scope="page"></c:set>
									<c:set var="end" value="${allPages}" scope="page"></c:set>
								</c:when>
								<c:otherwise>
									<c:set var="begin" value="${currentPage-1}" scope="page"></c:set>
									<c:set var="end" value="${currentPage+1}" scope="page"></c:set>
								</c:otherwise>
							</c:choose>
						</c:if>
						<c:forEach begin="${begin}" end="${end}" step="1" var="i">
							<c:if test="${i == currentPage}">
								<li class="layui-btn layui-btn-radius">${i }</li>
							</c:if>
							<c:if test="${i != currentPage}">
								<li
									class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger"><a
									href="${pageContext.request.contextPath }/adminList.action?currentPage=${i}&adminName=${adminName}">${i }</a></li>
							</c:if>
						</c:forEach>
						<!-- 分页逻辑结束 -->
						<li
							class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">
							<c:if test="${currentPage < allPages}">
								<a
									href="${pageContext.request.contextPath }/adminList.action?currentPage=${currentPage + 1 }&adminName=${adminName}">下一页</a>
							</c:if> <c:if test="${currentPage >= allPages}">
								<a href="#">下一页</a>
							</c:if>
						</li>
						<li
							class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">
							<c:if test="${allPages > 0}"><a
							href="${pageContext.request.contextPath }/adminList.action?currentPage=${allPages }&adminName=${adminName}">尾页</a></c:if>
							<c:if test="${allPages <= 0}"><a
							href="#">尾页</a></c:if>
						</li>

						<li style="color: rgb(255, 87, 34); font-size: 20px;">
							<button type="button"
								onclick="fun(${currentPage},${allPages},'${adminName}')"
								class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">跳到</button>
							<input type="text" id="currentPage" name="currentPage"
							style="width: 40px" />页
						</li>

					</ul>
				</div>
				
			</div> --%>
		</div>
	</div>
	<div id="bottom">
		<div class="bot-con1">
			<ul>
				<li class="bot-con1-li1">我们已经做到</li>
				<li>单项支持人数<span class="inde-span1"></span></li>
				<li>单项筹款金额<span class="inde-span2"></span></li>
				<li>累计筹款金额<span class="inde-span3"></span></li>
			</ul>
		</div>
		<div class="bot-con1 bot-con2">
			<ul>
				<li class="bot-con1-li1">发起项目流程</li>
				<li><span class="inde-span4"></span>发起人创建项目</li>
				<li><span class="inde-span5"></span>项目获得支持</li>
				<li><span class="inde-span6"></span>发起人发放回报</li>
				<li><span class="inde-span7"></span>用户收到回报</li>
			</ul>
		</div>
		<div class="bottom-ggt">
			<a href=""><img
				src="${pageContext.request.contextPath }/images/bottbom_68.jpg"
				alt="" /></a>
		</div>
		<div class="zc-yqlink">
			<ul>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里旅行</a></li>
				<li><a href="">阿里云计算</a></li>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里云计算</a></li>
			</ul>
		</div>
		<div class="footer-bd">

			<a href=" ">关于淘宝</a> <a href=" ">合作伙伴</a> <a href=" ">营销中心</a> <a
				href=" ">廉正举报</a> <a href=" ">联系客服</a> <a href=" ">开放平台</a> <a
				href=" ">诚征英才</a> <a href=" ">联系我们</a> <a href=" ">网站地图</a> <a
				href=" ">法律声明</a> <em>© 2003-2015 Taobao.com 版权所有</em><br> <br>
			<span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span> <b>|</b> <span
				data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
			<b>|</b> <span>信息网络传播视听节目许可证：1109364号</span> <b>|</b> <span>举报电话:0571-81683755</span>
		</div>
	</div>
	
	<script type="text/javascript">
function type1(){
	var aa = document.getElementById("type1").value
	//alert("++"+aa);
	//var form = new FormData(document.getElementById("projectinfoForm"));
	//var type1 = $("#type").val();
	//var ee = 10;
	console.log(aa);
	$.ajax({
		url : "${pageContext.request.contextPath}/Projects/frontListStype.action?type="+aa,
		method : "post",
		dataType : "json",
		data: $("#type").val(),
		//processData:false,
		//contentType: false,
		success : function(data){
			alert("++++++++" + data.msg);
		},
		/* error : function(){
			alert("保存草稿失败!!!");
		} */
	})
}
</script>
</body>
</html>